const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir)
}


module.exports = {
  devServer: {
    port: 8080, // 端口
  },
  lintOnSave: false, // 取消 eslint 验证
  //开启调试模式
  configureWebpack: {
    devtool:'souce-map',
  },
  //配置目录别名
  chainWebpack: (config)=>{
    config.resolve.alias
      .set('@', resolve('src'))
      .set('assets',resolve('src/assets'))
      .set('views',resolve('src/views'))
      .set('static',resolve('src/static'))
      .set('styles',resolve('src/styles'))

    // 一个规则里的 基础Loader
    // svg是个基础loader
    const svgRule = config.module.rule('svg');
    // 清除已有的所有 loader。
    // 如果你不这样做，接下来的 loader 会附加在该规则现有的 loader 之后。
    svgRule.uses.clear();
    // 添加要替换的 loader
    svgRule
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      });
  },


}
